<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="UC_style.css">
<style>


.div_button{
	width:100%;
	background:RGB(30,35,45);
	float:left;
	text-align:center;
	display:none;
}
.iframe1{
	width:100%;
	height:100%;
	background:white;
	float:left;
}
</style>
</head>
<body>
	<div id="header1">
		<img src="img/start.png" alt="Big Boat" width="35" height="35" style="vertical-align: middle;border-radius:50px;">
		<font style="font-size:25px;color:RGB(204,204,204);margin:5px;">车辆管理系统</font>
		<button class="button_header1">
			<img src="img/back.png" alt="Big Boat" width="20" height="20" style="float:center;border-radius:50px;">
		</button>
		<button class="button_header1" style="width:100px;">
			<img src="img/admin.png" alt="Big Boat" width="20" height="20" style="float:left;border-radius:50px;margin-top:5px">
			<font style="font-size:18px;color:RGB(153,153,153);float:left;margin:5px">Admin</font>
			<!-- <img src="img/箭头.png" alt="Big Boat" width="20" height="10" style="float:left;margin-top:12px"> -->
		</button>
		
		
	</div>
<div class="main">
	<div class="left">
		
		<form action="">
			<input type="button" class="button1" id="工作台" name="工作台" value="工作台" onclick="ChangePage('工作台')">
			
			<input type="button" class="button1" id="车辆管理" name="车辆管理" value="车辆管理" onclick="button('车辆管理')">		
				<input type="button" class="button2" id="车辆档案" name="车辆档案" value="	车辆档案" style="display:none;"onclick="ChangePage('车辆档案')">		
				<input type="button" class="button2" id="车辆档案录入" name="车辆档案录入" value="	车辆档案录入" style="display:none;"onclick="ChangePage('车辆档案录入')">
				<input type="button" class="button2" id="车辆档案详情" name="车辆档案详情" value="	车辆档案详情" style="display:none;"onclick="ChangePage('车辆档案详情')">
			
			<input type="button" class="button1" id="派车审核" name="派车审核" value="派车审核" onclick="button('派车审核')">	
				
				<input type="button" class="button2" id="待审核" name="待审核" value="	待审核" style="display:none;" onclick="ChangePage('待审核')">							
				<input type="button" class="button2" id="审核通过" name="审核通过" value="	审核通过" style="display:none;" onclick="ChangePage('审核通过')">
				<input type="button" class="button2" id="审核未通过" name="审核未通过" value="	审核未通过" style="display:none;" onclick="ChangePage('审核未通过')">
				
			<input type="button" class="button1" id="司机管理" name="司机管理" value="司机管理" onclick="ChangePage('司机管理')">
			<input type="button" class="button1" id="职员管理" name="职员管理" value="职员管理" onclick="ChangePage('职员管理')">
			
			
		</form>
	</div>
	
	<div class="right">
		
		
		<iframe id="iframe1" class="iframe1" name="" src="C-workbench.jsp" style="height:100%;width:100%">	</iframe>
	</div>
</div>
<script type="text/javascript">
	function button(a){
		if(a=="车辆管理")
		{
			if (document.getElementById("车辆档案").style.display=="none")   
			{   
				document.getElementById("车辆档案").style.display="block"; 
				document.getElementById("车辆档案录入").style.display="block"; 
				document.getElementById("车辆档案详情").style.display="block"; 	
				document.getElementById("车辆管理").style.backgroundColor="RGB(38,169,226)";
			}  
			else
			{
				document.getElementById("车辆档案").style.display="none"; 
				document.getElementById("车辆档案录入").style.display="none"; 
				document.getElementById("车辆档案详情").style.display="none"; 
				document.getElementById("车辆管理").style.backgroundColor="RGB(46,54,62)";
			}	
		}	
		if(a=="派车审核")
		{
			if (document.getElementById("待审核").style.display=="none")   
			{   
				
				document.getElementById("待审核").style.display="block"; 												
				document.getElementById("审核通过").style.display="block"; 
				document.getElementById("审核未通过").style.display="block";
				document.getElementById("用车管理").style.backgroundColor="RGB(38,169,226)";
			}  
			else
			{
				document.getElementById("待审核").style.display="none"; 				 								 
				document.getElementById("审核通过").style.display="none"; 
				document.getElementById("审核未通过").style.display="none";
				document.getElementById("用车管理").style.backgroundColor="RGB(46,54,62)";
			}	
		}
	}
	
	function ChangePage(a)
	{
		if(a=="工作台")
			document.getElementById("iframe1").src='C-workbench.jsp';
		else if(a=="车辆档案")			
			document.getElementById("iframe1").src='C-Car_Admin.jsp';	
		else if(a=="车辆档案详情")			
			document.getElementById("iframe1").src='C-Car_Details_look.jsp';	
		else if(a=="车辆档案录入")
			document.getElementById("iframe1").src='C-add_Car.jsp';
		else if(a=="待审核")
			document.getElementById("iframe1").src='C-Use_Check.jsp';
		else if(a=="司机管理")
			document.getElementById("iframe1").src='C-Driver_Admin.jsp';
		else if(a=="审核通过")
			document.getElementById("iframe1").src='C-success.jsp';
		else if(a=="审核未通过")
			document.getElementById("iframe1").src='C-fail.jsp';
		else if(a=="职员管理")
			document.getElementById("iframe1").src='C-Staff_Admin.jsp';
	}
</script>
</body>
</html>